<template>

  <div>
    <h1>{{title}}</h1>
    <h1>{{MyTitle}}</h1>
    <h2>{{name}} {{age}}</h2>
    <button>这是 一个按钮</button>
  </div>
</template>

<script>
export default {
  name: "Header",
  /* 当前组件声明的属性,调用者可以设置属性 */
  /* props是固定的写法，属性的名称可以自定义  */
  props: {
    MyTitle:{
      type: String,// 属性的类型
      required: false,// 是否是必填的属性
      default: "默认的标题"// 属性的默认值
    },
    name: {
      type: String
    },
    age: {
      type: Number
    }
  },
  data(){
    return{
      title: "header也面头"
    }
  }
}
</script>

<style scoped>

</style>
